<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>全过程智能设计辅助系统</title>
    <link rel="stylesheet" href="${base}/css/system/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="${base}/css/system/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="${base}/css/system/bootstrap/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${base}/css/development/subway.css">
    <script type="text/javascript" src="${base}/js/system/jquery.min.js"></script>
    <script type="text/javascript" src="${base}/js/system/layer/layer.js"></script>
    <script type="text/javascript" src="${base}/js/system/layui/layui.js"></script>
    <script>
        var base = "${base}";
    </script>
    <script type='text/javascript' src='${base}/js/development/login.js'></script>
    <style type="text/css">
        .login-form {
            background-image: url(${base}/images/bulletbg.jpg);
            background-size: 1280px 480px;
            height: 480px;
            width: 100%;
        }

        .login-topStyle3 {
            background: url(${base}/images/login_bg_white.png) center center repeat;
            width: 268px;
            height: auto;
            overflow: hidden;
            position: absolute;
            border-radius: 5px;
            padding: 22px 30px;
        }

        .login-topStyle3 h3 {
            font-size: 22px;
            line-height: 33px;
            color: #ffffff;
            padding-bottom: 0px;
        }

        .login-topStyle3 input {
            display: inline-block;
            width: 210px;
            height: 28px;
            line-height:28px;
            padding: 4px;
            margin-bottom: 9px;
            font-size: 13px;
            line-height: 18px;
            color: #555555;
            border: 1px solid #cccccc;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

        .login-topStyle3 .field img {
            cursor: pointer;
            width: 55px;
            height: 28px;
            margin-left: 8px;
            float: left;
            display: block;
        }

        .login-actions button {
            width: 100%;
            border-radius: 2px;
            background: #3bb4f2;
            border-color: #3bb4f2;
            color: white;
        }

        .login-nav {
            background-image: url(${base}/images/login-center-bg.png);
            background-size: 1280px 151px;
            height: 151px;
            width: 100%;
            margin-top: 4%;
        }

        .handle-center {
            margin-top: 43px;
            padding-left: 10%;
        }

        .handle-center img {
            float: left;
        }

        .handle-center .center-text {
            float: left;
            margin-left: 5px;
        }

        .handle-center .center-text a {
            text-decoration: none;
        }

        .handle-center .center-text p {
            line-height: 32px;
            margin: 0;
        }

        .footer {
            height: 60px;
            background-color: rgb(225, 225, 225);
            width: 100%;
            text-align: center;
            margin-top: 4%;
            line-height: 60px;
        }
    </style>
</head>

<body style="width: 1280px;margin: 0 auto;">

<div class="login-head">
    <img src="${base}/images/adsSystem.png" alt="">
</div>

<form id="loginfrom" name="loginfrom" method="post">
    <div class="row login-form" style="margin-top: 20px;margin-left: 0;margin-right: 0;">
        <div class="col-sm-3 col-sm-offset-8">
            <div class="login-topStyle3" style="margin-top: 75px;">
                <h3>用户登录</h3>
                <div class="field">
                    <input type="text" name="loginname" id="loginname" value="" placeholder="用户名/手机号/工号" class="inputText">
                </div>
                <div class="field">
                    <input type="password" name="password" id="password" value="" placeholder="请输入密码" class="inputText">
                </div>
                <div class="field">
                    <input type="text" style="float: left; width: 145px" name="verifcode" id="verifcode" value="" placeholder="验证码" class="inputText">
                    <img src="${base}/verification/getVerificationCode" name="validataimg" id="validataimg" align="middle">
                </div>
                <div class="login-actions">
                    <button class="button btn btn-register btn-large">登 录</button>
                </div>
            </div>
        </div>
    </div>
</form>

<div class="login-nav">
    <div class="row">
        <div class="col-sm-4 handle-center">
            <img src="${base}/images/login_bg_01.png" alt="">
            <div class="center-text">
                <a href="">
                    <p>项目中心</p>
                    <p>Project Center</p>
                </a>
            </div>
        </div>
        <div class="col-sm-4 handle-center">
            <img src="${base}/images/login_bg_02.png" alt="">
            <div class="center-text">
                <a href="">
                    <p>数据中心</p>
                    <p>Data Center</p>
                </a>
            </div>
        </div>
        <div class="col-sm-4 handle-center">
            <img src="${base}/images/login_bg_03.png" alt="">
            <div class="center-text">
                <a href="">
                    <p>系统中心</p>
                    <p>System Center</p>
                </a>
            </div>
        </div>
    </div>
</div>


<div class="footer">
    <span>Copyright © 中铁第四勘察设计院集团有限公司 2016 All Rights Reserved.  &nbsp技术支持:武汉思恒达科技有限公司</span>
</div>
</body>
</html>
